<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>JSP 프로젝트 v1</title>
		<link type="text/css" href="../css/layout.css" rel="stylesheet" />
		<style type="text/css">			
			table {
				width: 70%;
				margin: 0 auto;
				border-collapse: collapse;
				table-layout: fixed;
			}
			th,td {
				border: 1px solid black;
				padding: 10px;
				text-align: center;
			}
			.bdtitle {
				text-align: left;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.cpage {
				font-size: 2em;
				font-weight: bold;
				color: red;
			}
			.center {
				text-align: center;
			}
			
			
		</style>
		
	</head>
	<body>
		<div>
			<h1>JSP 프로젝트 v1</h1> <!-- 제목 -->
			<ul id="nav">
				<li><a href="../index.html">Home</a></li>
				<li><a href="../member/join.html">회원가입</a></li>
				<li><a href="../member/login.html">로그인</a></li>
				<li><a href="list.html">게시판</a></li>
				<li><a href="../member/myinfo.html">회원정보</a></li>
			</ul> <!-- 상단메뉴 -->
			<hr />
		</div> <!-- header -->
		
		<div id="content">
			<h2>게시판</h2>
			<table>
				<colgroup>
					<col style="width: 10%" />
					<col />
					<col style="width: 15%" />
					<col style="width: 20%" />
					<col style="width: 10%" />
				</colgroup>
				<tr><th>번호</th><th>제목</th><th>작성자</th><th>작성일</th><th>조회</th></tr>
				<tr>
					<td>1</td>
					<td class="bdtitle">
						<a href="view.html">게임빌, 컴투스 700억원에 인수</a>
					</td>
					<td>jwj8508</td>
					<td>2013. 12. 19</td>
					<td>10</td>
				</tr>
				<tr>
					<td>2</td>
					<td class="bdtitle">
						<a href="view.html">닐리리야 니나노</a>
					</td>
					<td>jwj8508</td>
					<td>2013. 12. 18</td>
					<td>12498</td>
				</tr>
				<tr>
					<td>3</td>
					<td class="bdtitle">
						<a href="view.html">또이또이 똘또또잌</a>
					</td>
					<td>jwj8508</td>
					<td>2013. 12. 18</td>
					<td>9542</td>
				</tr>
				<tr>
					<td>4</td>
					<td class="bdtitle">
						<a href="view.html">으잌으잌으잌으아악</a>
					</td>
					<td>jwj8508</td>
					<td>2013. 12. 18</td>
					<td>96587</td>
				</tr>
				<tr>
					<td>5</td>
					<td class="bdtitle">
						<a href="view.html">꾸잌 니뇨니니니꾸잌 니뇨니니니꾸잌 니뇨니니니꾸잌 니뇨니니니꾸잌 니뇨니니니</a>
					</td>
					<td>정원진</td>
					<td>2013. 12. 15</td>
					<td>6324</td>
				</tr>
				<tr>
					<td>6</td>
					<td class="bdtitle">
						<a href="view.html">수지 짜응</a>
					</td>
					<td>정원진</td>
					<td>2013. 12. 13</td>
					<td>96585</td>
				</tr>
				<tr>
					<td>7</td>
					<td class="bdtitle">
						<a href="view.html">수지는 수지수지하다</a>
					</td>
					<td>정원진</td>
					<td>2013. 12. 11</td>
					<td>90356</td>
				</tr>
				<tr>
					<td>8</td>
					<td class="bdtitle">
						<a href="view.html">수지가 수지수지한건 수지니까</a>
					</td>
					<td>정원진</td>
					<td>2013. 12. 10</td>
					<td>97652</td>
				</tr>
				<tr>
					<td>9</td>
					<td class="bdtitle">
						<a href="view.html">수지수지한 수지</a>
					</td>
					<td>정원진</td>
					<td>2013. 12. 09</td>
					<td>65487</td>
				</tr>
				<tr>
					<td>10</td>
					<td class="bdtitle">
						<a href="view.html">오오오우악</a>
					</td>
					<td>정원진</td>
					<td>2013. 12. 01</td>
					<td>653</td>
				</tr>
			</table>
			<p class="center">◀  ◁◁ <span class="cpage">1</span> 2 3 4 5 6 7 8 9 ▷▷ ▶</p>
		</div> <!-- content -->
		
		<div>
			<hr />
			<p id="copy">Copyright &copy; 2013 JINn. All right reserved.</p>
		</div> <!-- footer -->
		
		
	</body>
</html>
